.popover,
.tooltip {

  + .btn {
    margin-left: @base-padding/2;
  }
}

.popover {
  padding: 0;
  border: 1px solid @default-border-color;
  .box-shadow(none);

  &.popover-primary {
    .xenon-popover-style(@brand-primary);
  }

  &.popover-secondary {
    .xenon-popover-style(@secondary-color);
  }

  &.popover-info {
    .xenon-popover-style(@brand-info);
  }

  &.popover-warning {
    .xenon-popover-style(@brand-warning);
  }

  &.popover-danger {
    .xenon-popover-style(@brand-danger);
  }

  &.popover-success {
    .xenon-popover-style(@brand-success);
  }

  &.popover-purple {
    .xenon-popover-style(@xe-purple);
  }

  &.popover-blue {
    .xenon-popover-style(@xe-blue);
  }

  &.popover-red {
    .xenon-popover-style(@xe-red);
  }

  &.popover-black {
    .xenon-popover-style(@xe-blue);
  }
}

.tooltip {

  .tooltip-inner {
    padding: @base-padding @base-padding+5;
  }

  &.tooltip-primary {
    .xenon-tooltip-style(@brand-primary);
  }

  &.tooltip-secondary {
    .xenon-tooltip-style(@secondary-color);
  }

  &.tooltip-info {
    .xenon-tooltip-style(@brand-info);
  }

  &.tooltip-warning {
    .xenon-tooltip-style(@brand-warning);
  }

  &.tooltip-danger {
    .xenon-tooltip-style(@brand-danger);
  }

  &.tooltip-success {
    .xenon-tooltip-style(@brand-success);
  }

  &.tooltip-purple {
    .xenon-tooltip-style(@xe-purple);
  }

  &.tooltip-blue {
    .xenon-tooltip-style(@xe-blue);
  }

  &.tooltip-red {
    .xenon-tooltip-style(@xe-red);
  }

  &.tooltip-black {
    .xenon-tooltip-style(@xe-blue);
  }
}

.xenon-popover-style(@bg) {

  .popover-title {
    background-color: @bg;
    color: #FFF;
    position: relative;
  }

  &.top,
  &.bottom {

    .popover-title {
      margin: -1px;
    }
  }

  &.bottom .arrow:after {
    border-bottom-color: @bg;
  }
}

.xenon-tooltip-style(@bg) {
  .tooltip-inner {
    background-color: @bg;
  }

  &.top .tooltip-arrow {
    border-top-color: @bg;
  }
  &.bottom .tooltip-arrow {
    border-bottom-color: @bg;
  }
  &.left .tooltip-arrow {
    border-left-color: @bg;
  }
  &.right .tooltip-arrow {
    border-right-color: @bg;
  }
}